$(function(){

    if (top.location != self.location){
        top.location = self.location;
    }

    $("#username").focus(function(){
        if ($("#username").val() == "请输入用户名"){
            $("#username").removeClass("out_word");
            $("#username").val("").addClass("en_word");
        }
    });

    $("#username").blur(function(){
        if($("#username").val() == "请输入用户名" || $(this).val() == ""){
            $("#username").removeClass("en_word");
            $("#username").val("请输入用户名").addClass("out_word");
        }
    });

    $("#password2").focus(function(){
        if ($("#password2").val() == "请输入密码"){
            $("#password").val("").attr("style", "display:inline-block").focus();
            $("#password2").attr("style", "display:none");
            $("#password").removeClass("out_word");
            $("#password").addClass("en_word");
        }
    });

    $("#password").blur(function(){
        if($("#password").val() == "请输入密码" || $("#password").val() == ""){
            $("#password2").attr("style", "display:inline-block");
            $("#password2").val("请输入密码");
            $("#password").removeClass("en_word");
            $("#password").addClass("out_word");
            $("#password").attr("style", "display:none");
        }
    });


    $("#valicode").focus(function(){
        if ($("#valicode").val() == "请输入验证码"){
            $("#valicode").css("border-color", "#CFCFCF");
            $("#valicode").removeClass("out_word");
            $("#valicode").val("").addClass("en_word");
        }
    });

    $("#valicode").blur(function(){
        if($("#valicode").val() == "请输入验证码" || $(this).val() == ""){
            $("#valicode").val("请输入验证码");
            $("#valicode").removeClass("en_word");
            $("#valicode").addClass("out_word");
        }
    });

    //回车事件，登陆
    $(document).keyup(function (event) {
        var keycode = event.which;
        if (keycode == 13) {
            login();
        }
    });

    $("#login_btn").on("click", function(){
        login();
    });
});

//登录事件
function login(){
    var username = document.getElementById("username").value;
    var password = document.getElementById("password").value;
    var valicode = document.getElementById("valicode").value;
    if(username == "" || username == null || username == "请输入用户名"){
        alert("用户名不能为空！");
        $("#username").focus();
        return false;
    }
    if(password == "" || password == null){
        $("#password2").focus();
        alert("密码不能为空！");
        return false;
    }
    if(valicode == "" || valicode == null || valicode == "请输入验证码"){
        alert("验证码不能为空!");
        $("#valicode").focus();
        return false;
    }
    if(valicode.length != 4){
        alert("验证码输入有误!");
        $("#valicode").focus();
        return false;
    }
    submit(username,password,valicode);
}

//登录提交
function submit(username,password,valicode){
    $.ajax({
        type:'post',
        url: CONTEXT_PATH + "/userLogin/login.do",
        data:{loginName:username, password:password, validCode:valicode},
        success:function(data){
            //延时1秒执行
            setTimeout( function(){
                //登录成功
                if(data.code == 'PC_200'){
                    window.location.href = CONTEXT_PATH + "/userLogin/main.do";
                }else{
                    $(".forMask").mask(data.message);
                    setTimeout(function(){ reset_btn() }, 1500);
                }
            },1000);
        },
        beforeSend: function(){
            $(".forMask").mask("系统登录处理中，请稍候…");
        }
    });
}

//重置
function reset_btn() {
    $("#username").val("请输入用户名");
    $("#password").val("");
    $("#valicode").val("请输入验证码");
    window.location.reload();
}